<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>maytraining</title>
<link rel="stylesheet" type="text/css" href="/xasj/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="/xasj/easyui/themes/icon.css">
<script type="text/javascript" src="/xasj/easyui/jquery.min.js"></script>
<script type="text/javascript" src="/xasj/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="/xasj/js/main.js"></script>
<script type="text/javascript">


$(function(){
    var pager = $('#dg').datagrid().datagrid('getPager');    // get the pager of datagrid
    pager.pagination({
        buttons:[{
            iconCls:'icon-search',
            handler:function(){
                alert('search');
            }
        },{
            iconCls:'icon-add',
            handler:function(){
                alert('add');
            }
        },{
            iconCls:'icon-edit',
            handler:function(){
                alert('edit');
            }
        }]
    });            
})
	function addTab(title, url){
	    if ($('#tt').tabs('exists', title)){
	        $('#tt').tabs('select', title);
	    } else {
	        var content = '<iframe scrolling="auto" frameborder="0"  src="'+url+'" style="width:100%;height:100%;"></iframe>';
	        $('#tt').tabs('add',{
	            title:title,
	            content:content,
	            closable:true
	        });
	    }
	}
</script>

</head>
<body class="easyui-layout" >
        <div data-options="region:'north'" style="height:50px"></div>
        <div data-options="region:'south'" style="height:50px;"></div>
        <!--  <div data-options="region:'east',split:true" title="East" style="width:100px;">-->
        <!--<ul class="easyui-tree" data-options="url:'tree_data1.json',method:'get',animate:true,dnd:true"></ul> -->
        </div>
        <div data-options="region:'west',split:true" title="West" style="width:150px;">
            <div class="easyui-accordion" data-options="fit:true,border:false">
                <div title="Title1" style="padding:10px;">
                    <a href="#" id="toipres" class="easyui-linkbutton" >IP资源管理</a>
                    <a href="#" id="dvsec" class="easyui-linkbutton" >设备查询</a>
                </div>
                <div title="Title2" data-options="selected:true" style="padding:10px;">
                    <a href="#" id="toaddolt" data-options="iconCls:'icon-save',plain:true" class="easyui-linkbutton" >新建OLT</a>
                    <a href="#" id="toxialian" data-options="iconCls:'icon-save',plain:true" class="easyui-linkbutton" >下联设备查询</a>
                </div>
                <div title="Title3" style="padding:10px">
                    content3
                </div>
            </div>
        </div>
    </div>
        <div id ="tt" class="easyui-tabs" data-options="region:'center'">
            <div title="home"class="easyui-tabs" data-options="fit:true,border:false,plain:true">
                <div title="About"  data-options="href:'_content.html'"style="padding:10px"></div>
                <div title="DataGrid" style="padding:5px">
                    <table id="datatest"> <!--  class="easyui-datagrid"
                            data-options="url:'onulist',method:'get',singleSelect:true,pagination:true,fit:true,fitColumns:true">
                        <thead>
                            <tr>
                                <th data-options="field:'oltip'" width="80">Item ID</th>
                                <th data-options="field:'oltname'" width="100">Product ID</th>
                                <th data-options="field:'onuaddress',align:'right'" width="80">List Price</th>
                            </tr>
                        </thead>
                        -->
                    </table>
                </div>
            </div>
        </div>
</body>
</html>